<?php defined('_JEXEC') or die('Restricted access'); // no direct access ?>

<div align="center">
<div id="NewsTicker">
 <!-- <h1>What's news? Visit <a href="http://woork.blogspot.com/">Woork.blogspot.com</a></h1>-->
	<div id="NewsVertical">
	  <ul id="TickerVertical">
<?php
$k = 0;
	for ($i=0, $n=count( $items ); $i < $n; $i++)	
    {
$row = $items[$i];		
$link = JRoute::_( 'index.php?option=com_properties&amp;view=property&amp;cid='.$row->catslug.'&amp;tid='.$row->typeslug.'&amp;id='.$row->slug);
?>		
        <li>
         <a href="<?php echo $link; ?>">
        <img src="images/properties/peques/peque_<?php echo $row->image1;?>" border="0" class="NewsImg" alt="<?php echo $row->name;?>" height="75"/>
        </a>
            <span class="NewsTitle">
            <a href="<?php echo $link; ?>"><?php echo $row->name; ?></a></span>   
                  
       <?php echo JText::_('Category'); ?>: <?php echo $NameCategory[$row->parent]; ?> <br />
       <?php echo JText::_('Type'); ?>: <?php echo $NameType[$row->type]; ?> <br />
       <?php //echo JText::_('Country') .' : '. $row->name_country.'<br />'; ?> 
         <?php // echo JText::_('State'). ' : ' . $row->name_state.'<br />'; ?>  
	   <?php //echo JText::_('Locality').' : '. $row->name_locality; ?>  
      </li>             
<?php
}
?>
    </ul>
  </div>
</div>
<div style="clear:both"></div>
</div>

<script language="javascript" type="text/javascript">

			var Ticker = new Class({
				setOptions: function(options) {
					this.options = Object.extend({
						speed: 5000,
						delay: 5000,
						direction: 'vertical',
						onComplete: Class.empty,
						onStart: Class.empty
					}, options || {});
				},
				initialize: function(el,options){
					this.setOptions(options);
					this.el = $(el);
					this.items = this.el.getElements('li');
					var w = 0;
					var h = 0;
					if(this.options.direction.toLowerCase()=='horizontal') {
						h = this.el.getSize().size.y;
						this.items.each(function(li,index) {
							w += li.getSize().size.x;
						});
					} else {
						w = this.el.getSize().size.x;
						this.items.each(function(li,index) {
							h += li.getSize().size.y;
						});
					}
					this.el.setStyles({
						position: 'absolute',
						top: 0,
						left: 0,
						width: w,
						height: h
					});
					this.fx = new Fx.Styles(this.el,{duration:this.options.speed,onComplete:function() {
						var i = (this.current==0)?this.items.length:this.current;
						this.items[i-1].injectInside(this.el);
						this.el.setStyles({
							left:0,
							top:0
						});
					}.bind(this)});
					this.current = 0;
					this.next();
				},
				next: function() {
					this.current++;
					if (this.current >= this.items.length) this.current = 0;
					var pos = this.items[this.current];
					this.fx.start({
						top: -pos.offsetTop,
						left: -pos.offsetLeft
					});
					this.next.bind(this).delay(this.options.delay+this.options.speed);
				}
			});

			var hor = new Ticker('TickerVertical',{speed:1000,delay:4000,direction:'horizontal'});
		</script>